<script lang="tsx">
import { defineComponent } from 'vue';
export default defineComponent({
    props: {
        // 显示加载更多
        isLoadMore: {
            type: Boolean,
            default: false
        },
        // 是否已经加载到底
        isNoMore: {
            type: Boolean,
            default: false
        }
    },
    setup(props) {
        return () => (
            <div class="load-more-tip-wrap">
                {props.isLoadMore && (
                    <flexbox justify="center">
                        <span>加载更多</span>
                        <a-spin class="margin-l-8" size="small" />
                    </flexbox>
                )}
                {props.isNoMore && <flexbox justify="center">已经到底啦~</flexbox>}
            </div>
        );
    }
});
</script>

<style scoped lang="less">
.load-more-tip-wrap {
    margin: 4px 0;
    color: #70798b;
    font-size: 13px;
}
</style>